<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        form 表单：用于向服务器端发送请求 
            method  请求方法 例如get/post
            action  请求的资源地址
        对应一个路由
     -->
    <form action="" method="post">
        <!-- 表单控件 -->
        <!-- 
            text 文本框 
            placeholder 提示信息
            name 给表单控件起名称，用于提交数据
            value 设置默认值
        -->
        文本框：<input type="text" placeholder="请输入文本" name="username" value="admin">
        <br>
        密码框：<input type="password" placeholder="请输入密码" name="pwd" value="123456">
        <br>
        <!-- 
            通过value属性设置提交的值 
            checked  默认选中状态
        -->
        单选框：<input type="radio" name="gender" value="1">男
        <input type="radio" name="gender" value="0" checked>女
        <br>
        复选框：<input type="checkbox" name="answer" value="a">A
        <input type="checkbox" name="answer" value="b" checked>B
        <input type="checkbox" name="answer" value="c" checked>C
        <br>
        下拉框：<select name="province">
            <option value="1">北京</option>
            <option value="2">天津</option>
            <option value="3">河北</option>
        </select>
        <br>
        文本域：<textarea name="beizhu" placeholder="请输入备注"></textarea>
        <br>
        <input type="reset">
        <input type="submit" value="提交">
    </form>
</body>
</html>